<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>环境保洁</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/header.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="css/home_task_con.css" />
    <style>
        .fw-label-tag{
            background: #289FFF;
            color: #fff;
            border-radius: 50%;
            width: 19px;
            height: 19px;
            line-height: 20px;
            text-align: center;
            margin-top: 3.5px;
        }
        .new_tab_active{
            border-bottom: solid 2px #289FFF;
            color: #289FFF;
        }
        .aui-list{
            background-size: 100% 0px;
            border-top: 0;
        }
        .aui-list,.aui-list .aui-list-item{
            padding-left:0;
        }
        .aui-list .aui-list-item-inner{
            padding-right:0;
        }
        .aui-list .aui-list-item:last-child{
            border-bottom:0;
        }
        .new-aui-label{
            padding: 0.25em 0.5em;
        }
        .aui-label-info:after{
            color: #289FFF !important;
            border-color: #289FFF !important;
        }
        .new-aui-label::after{
            border-radius: 4px;
        }
        .work_con_box_time {
            display: flex;
            }
        .marginheight {
            margin-top: 0.5rem;
        }
        .work_con_box_left {
            display: inline-block;
            width: 28%;
            color: #828C9A;
        }
        .work_con_box_right {
            display: inline-block;
            width: 70%;
            color: #344356;
        }

        .work_con_box_right label {
            display: block;
            width: 100%;
        }
        .work_con_box_end_title {
    margin-top: 0.5rem;
    font-size: 0.7rem;
        }

    </style>
</head>

<body>
    <div id="app" v-cloak>
        <section class="aui-content contentBox">
            <div class="aui_list boxarea mb20">
                <div class="work_title">
                    基础信息
                </div>
                <div class="pb10">
                    <div class="mt20">
                        <div class="mb10 ">
                            <label class="label-text-width ccc">区域名称</label>
                            <label class="fr">{{form.RegionName}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">编码</label>
                            <label class="fr">{{form.Number}} </label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">所属项目</label>
                            <label class="fr">{{form.ProjectName}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">工作类型</label>
                            <label class="fr">{{form.EventDesc}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">工作标准</label>
                        </div>
                        <div class="mb10">
                            <label>{{form.StandardContent}}</label>
                        </div>
                    </div>
                </div>
            </div>

            <div  class="aui_list boxarea mb20">
                    <ul class="aui-list aui-list-in">
                        <li class="aui-list-item">
                            <div class="aui-list-item-inner">
                                <div class="aui-list-item-title"> <span class="aui-font-size-16"><span class="text-grey aui-font-size-16">累计保洁次数：</span>{{bjCount}}</span></div>
                                <div class="aui-list-item-right">
                                   <div v-on:click="doOpenMoreRecord()" class="text-blue" >查看更多</div>
                                </div>
                            </div>
                        </li>
                        <li v-for="item in bjlist" class="aui-list-item" v-on:click="open_details(item)">
                            <div class="aui-list-item-label-icon">
                                <i class="icon iconfont icon-shijian text-grey"></i>
                            </div>
                            <div class="aui-list-item-inner">
                                <div class="aui-list-item-title"><span>{{item.TaskTimeDesc}}</span></div>
                            </div>
                        </li>
                    </ul>
            </div>   

            <div class="notodayList" style="background:none;">
                没有更多内容
            </div> 

            <div class="aui_bottom">
                <div class="aui_bottombtn" v-on:click="doRecordAdd()">手动添加工作记录</div>
            </div>
        </section>
    </div>
  
</body>
<script type="text/javascript " src="../script/api.js"></script>
<script type="text/javascript " src="../script/vue.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript " src="../script/moment/moment.js"></script>
<script type="text/javascript " src="js/bjlh_homedetail.js"></script>

</html>
